<template>
	 <u-navbar
	   class="navbar_box"
    :title="title"
    @rightClick="rightClick"
    bgColor="#fff"
    :rightText="rightText"
    :leftText="leftText"
    :border="border"
    :placeholder="placeholder"
    @leftClick="leftClick"
    :titleStyle="{color:'#000'}"
    leftIconColor="#000"
    >
  </u-navbar>
</template>

<script>
export default {
	name:'uniNavbar',
	props:{
		title:{
			type:String,
			default:''
		},
		rightText:{
			type:String,
			default:''
		},
		leftText:{
			type:String,
			default:''
		},
		border:{
			type:Boolean,
			default:false
		},
		placeholder:{
			type:Boolean,
			default:true
		}
	},
	data() {
	  return {
	
	  }
	},
	methods:{
	  rightClick() {
		this.$emit('rightClick')
	  },
	  leftClick(){
		  uni.navigateBack({
			  delta:1,
			  fail(e) {
			  	console.log(e);
			  }
		  })
	  }
	  
	}
}

</script>

<style lang="scss" scoped>
	.navbar_box{
		.u-navbar__content__right{
			color: #000;
		}
	}
	.u-navbar__content__right{
		color: #000;
	}
</style>